<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类详情</title>
		<style type="text/css">
			
			* {
				margin: 0;
				padding: 0;
			}
			
			body {
				font-size: 12px;
				font-family: tahoma, arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "微软雅黑", "宋体", sans-serif;
				color: #333;
			}
			
			ul {
				list-style-type: none;
			}
			
			.fl {
				float: left;
			}
			
			.fr {
				float: right;
			}
			
			.pr {
				position: relative;
			}
			
			.pa {
				position: absolute;
			}
			
			a {
				color: #777;
				text-decoration: none;
			}
			
			a:hover {
				color: #D80B8C;
			}
			
			/*右导航*/
			
			.right {
				width: 36px;
				height: 100%;
				background-color: black;
				position: fixed;
				text-align: center;
				right: 0;
				z-index: 20;
			}
			
			.right-ul {
				position: relative;
			}
			
			.right-1 {
				width: 36px;
				line-height: 70px;
				vertical-align: bottom;
				height: 70px;
				background-image: url(img/头像1.png);
				background-repeat: no-repeat;
				background-position-y: -5px;
				margin-top: 100px;
				color: white;
				background-color: black;
			}
			
			.right-1:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/头像2.png);
				display: block;
			}
			
			.rig-u .rig-1:hover {
				cursor: pointer;
			}
			
			.rig-1-y {
				width: 270px;
				height: 280px;
				position: absolute;
				left: 5px;
				top: 1px;
				background-color: white;
				border: solid 1px #CCCCCC;
				/*display: none;*/
				overflow: hidden;
				z-index: -1;
			}
			
			.rig-1-u {
				width: 270px;
				color: black;
				text-align: center;
				margin: 0 auto;
			}
			
			.right-2 {
				height: 150px;
				border: solid 1px saddlebrown;
				background-image: url(img/20171226094256.png);
				margin: 0;
			}
			
			.right-3 {
				height: 36px;
				background-image: url(img/图片1.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-3:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao1.png);
			}
			
			.right-3:hover .rig-u3 {
				display: block;
			}
			
			.rig-u3 {
				width: 150px;
				height: 36px;
				line-height: 36px;
				color: black;
				border: solid 1px #CCCCCC;
				background-color: white;
				text-align: center;
				position: absolute;
				left: -150px;
				top: 0px;
				display: none;
			}
			
			.right-4 {
				height: 36px;
				background-image: url(img/图标2.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-4:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao2.png);
			}
			
			.right-4:hover .rig-u3 {
				display: block;
			}
			
			.right-5 {
				height: 36px;
				background-image: url(img/图标3.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-5:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao3.png);
			}
			
			.right-5:hover .rig-u3 {
				display: block;
			}
			
			.right-6 {
				height: 36px;
				background-image: url(img/图标4.png);
				/*margin: 20px 0;*/
				position: relative;
			}
			
			.right-6:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao4.png);
			}
			
			.right-6:hover .rig-u3 {
				display: block;
			}
			
			.right-7 {
				height: 36px;
				background-image: url(img/图标5.png);
				margin-top: 50px;
				position: relative;
			}
			
			.right-7:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao5.png);
			}
			
			.right-7:hover .rig-u3 {
				display: block;
			}
			
			.right-8 {
				height: 36px;
				background-image: url(img/图标6.png);
				margin: 20px 0;
				position: relative;
			}
			
			.right-8:hover {
				cursor: pointer;
				background-color: #D80B8C;
				background-image: url(img/tubiao6.png);
			}
			
			.right-8:hover .rig-u3 {
				display: block;
			}
			
			#guanbi {
				width: 20px;
				height: 20px;
				/*border: solid 1px blue;*/
				position: absolute;
				top: 10px;
				left: 235px;
				background-image: url(img/sprites-hash-9b207a41.png);
				background-position: -105px -203px;
			}
			
			
			.divA {
				width: 100%;
				height: 28px;
				background-color: #f5f5f5;
			}
			
			.divA_a {
				width: 1000px;
				margin: 0 auto;
			}
			
			.divA_a_01 {
				padding-left: 15px;
				padding-right: 23px;
				width: 46px;
				height: 26px;
				cursor: pointer;
				background-color: transparent;
				border: 1px solid transparent;
				border-bottom: 1px solid transparent;
			}
			
			.tianjinshi {
				line-height: 27px;
			}
			
			.Border {
				width: 0;
				height: 0;
				/*border-bottom: 4px solid transparent;*/
				border-top: 4px solid #999;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				top: 10px;
				right: 10px;
			}
			
			.divA_a_01_shengfen {
				width: 470px;
				height: 286px;
				padding-right: 15px;
				padding-left: 15px;
				width: 470px;
				background-color: #fff;
				border: 1px solid #CCC;
				top: 26px;
				left: -1px;
				z-index: 1000;
				display: none;
			}
			
			.divA_a_01_shengfen_dizhi {
				line-height: 26px;
				padding: 7px 0;
			}
			
			.dizhi1 {
				font-weight: bold;
				width: 68px;
				line-height: 28px;
				border: 1px solid #ccc;
				text-align: center;
				border-top: 2px solid #F10180;
				border-bottom: 1px solid white;
				z-index: 10;
			}
			
			.dizhi2 {
				padding: 20px 13px 20px 13px;
				border-top: 1px solid #ccc;
			}
			
			.bai2 {
				width: 68px;
				border-top: 1px solid white;
				left: 1px;
				top: -1px;
			}
			
			.dizhi2 li {
				float: left;
				width: 68px;
				padding: ;
				border: 1px solid transparent;
				margin-bottom: 2px;
				margin-right: 3px;
				line-height: 26px;
				text-indent: 1.2em;
				border-radius: 2px;
			}
			
			.dizhi2 li:hover {
				border: 1px solid #F10180;
			}
			
			.dizhi2 li:hover a {
				color: #F10180;
			}
			
			.bai1 {
				width: 84px;
				left: 0;
				top: -1px;
				border-bottom: 1px solid white;
			}
			
			.divA_a_02 {
				margin: 0 7.5px;
				line-height: 26px;
				text-align: center;
				padding: 0 7.5px;
				border: 1px solid transparent;
			}
			
			.divA_a_02_bianse:hover {
				border: 1px solid #cdcdcd;
				background-color: white;
			}
			
			.divA_a_02:hover .Abiaoqian {
				color: #F10180;
			}
			
			.divA_a_02:hover .JLB_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_2:hover .divA_a_02_qiandao {
				display: block;
			}
			
			.divA_a_02_bianse:hover .temai {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .Border2 {
				border: 4px solid transparent;
			}
			
			.divA_a_02_bianse:hover .divA_a_02_sf {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .KHFW_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .SJB_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_bianse:hover .GENGDUO_div {
				display: block;
				background-color: white;
			}
			
			.divA_a_02_sf {
				width: 280px;
				height: 151px;
				border: 1px solid #cdcdcd;
				padding: 10px 0;
				top: 26px;
				left: -1px;
				z-index: 1000;
				display: none;
			}
			
			.bai3 {
				width: 49px;
				border: 1px solid white;
				top: -1px;
				left: 0;
			}
			
			.divA_a_02_sf_touxiang {
				width: 240px;
				height: 38px;
				padding: 15px 20px 0px 20px;
			}
			
			.touxiang {
				background-image: url(image/sprites-hash-9b207a41.png);
				background-position: -164px -142px;
				width: 38px;
				height: 38px;
				border-radius: 50%;
				margin-right: 10px;
			}
			
			.touxiang_denglu {
				border-bottom: #d6d6d6 1px dotted;
				width: 175px;
				padding-left: 5px;
				height: 32px;
				text-align: left;
			}
			
			.touxiang_denglu a:hover {
				color: #F10180;
			}
			
			.touxiang_neirong {
				line-height: 20px;
				margin: 10px 12px;
				margin: 10px 12px;
				line-height: 28px;
			}
			
			.touxiang_neirong_span {
				width: 50%;
				text-align: left;
			}
			
			.touxiang_neirong_span a:hover {
				color: #F10180;
			}
			
			.divA_a_03 {
				line-height: 26px;
				color: #D0D0D0;
			}
			
			.BGI1 {
				width: 15px;
				height: 18px;
				margin-right: 3px;
				margin-top: 2px;
				background-image: url(image/header_sign-hash-0459d02c.gif);
			}
			
			.BGI2 {
				background-image: url(image/sprites-hash-9b207a41.png);
				background-position: -294px -142px;
				width: 10px;
				height: 14px;
				margin-left: 1px;
				margin-right: 3px;
				margin-top: 6px;
			}
			
			.Border2 {
				width: 0;
				height: 0;
				/*border-bottom: 4px solid transparent;*/
				border-top: 4px solid #999;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				margin-top: 12px;
			}
			
			.divA_a_02_qiandao {
				background-color: #fff;
				width: 402px;
				height: 152px;
				padding: 0 29px;
				color: #4d4d4d;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				border-radius: 1px;
				left: -192px;
				top: 27px;
				display: none;
			}
			
			.divA_a_02_qiandao_kuai1 {
				top: -13px;
				left: 50%;
				color: white;
				text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
			}
			
			.divA_a_02_qiandao_kuai2 {
				top: -11px;
				left: 50%;
				color: white;
			}
			
			.colorxian {
				width: 395px;
				height: 2px;
				background-color: #CCC;
				top: 50px;
				left: 32px;
			}
			
			.colorxian_image {
				width: 441px;
				height: 24px;
				left: -23px;
				top: -12px;
			}
			
			.colorxian_image_0 {
				width: 24px;
				height: 17px;
				margin: 4px 19.5px;
				background-image: url(img/sprites-hash-9b207a41.png);
				/*background-color: black;*/
			}
			
			.dw1 {
				background-position: -220px -183px;
			}
			
			.dw2 {
				background-position: -164px -183px;
			}
			
			.dw3 {
				background-position: -192px -183px;
			}
			
			.riqi {
				width: 441px;
				height: 24px;
				left: -23px;
				top: 10px;
			}
			
			.riqi_tian {
				width: 24px;
				height: 16px;
				margin: 4px 19.5px;
				text-align: center;
			}
			
			.QianDao {
				width: 402px;
				height: 33px;
				border-top: 1px solid #F0F0F0;
				left: -5px;
				top: 55px;
			}
			
			.inputqiandao {
				padding: 0 20px;
				margin: 5px 0;
				background-color: #F10180;
				border-radius: 3px;
				color: white;
			}
			
			.p_qiandao {
				line-height: 40px;
				text-decoration: underline;
			}
			
			.p_qiandao:hover {
				color: #F10180;
			}
			
			.temai {
				width: 100px;
				height: 90px;
				border: 1px solid #CDCDCD;
				padding: 10px 10px 10px 0;
				top: 26px;
				left: -16px;
				display: none;
			}
			
			.bai4 {
				width: 74px;
				border: 1px solid white;
				top: -1px;
				left: 15px;
			}
			
			.temai_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 71px;
			}
			
			.temai_p {
				line-height: 30px;
				text-indent: 11px;
			}
			
			.temai_p:hover a {
				color: #F10180;
			}
			
			.JLB_div {
				width: 80px;
				padding: 4px 4px;
				line-height: 30px;
				border: 1px solid #CCCCCC;
				top: 26px;
				left: -1px;
				display: none;
			}
			
			.JLB_div_p:hover a {
				color: #F10180;
			}
			
			.bai5 {
				width: 86px;
				border: 1px solid white;
				top: -1px;
				left: 0;
			}
			
			.JLB_div_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 67px;
			}
			
			.KHFW_div {
				width: 109px;
				padding: 3px 0;
				border: 1px solid #CCCCCC;
				top: 26px;
				left: -17px;
				display: none;
			}
			
			.KHFW_div_p {
				line-height: 30px;
			}
			
			.KHFW_div_p:hover a {
				color: #F10180;
			}
			
			.bai6 {
				width: 74px;
				border: 1px solid white;
				top: -1px;
				left: 16px;
			}
			
			.KHFW_div_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 72px;
			}
			
			.SJB_div {
				width: 185px;
				padding: 13px 0;
				border: 1px solid #CCCCCC;
				left: -121px;
				z-index: 1000;
				display: none;
			}
			
			.SJB_div_ewm {
				width: 161px;
			}
			
			.SJB_div_p {
				line-height: 20px;
				font-weight: bold;
				font-size: 14px;
			}
			
			.SJB_div_p:hover a {
				color: #F10180;
			}
			
			.bai7 {
				width: 63px;
				border: 1px solid white;
				top: -1px;
				left: 120px;
			}
			
			.GENGDUO_div {
				width: 282px;
				height: 140px;
				padding: 10px 0;
				border: 1px solid #CCCCCC;
				top: 26px;
				left: -231px;
				z-index: 1000;
				display: none;
			}
			
			.HZZQ {
				padding: 0 20px;
				text-align: left;
				font-size: 14px;
			}
			
			.HZZQ_neirong {
				margin-right: 20px;
			}
			
			.GENGDUO_div p {
				padding: 0 20px;
				text-align: left;
			}
			
			.GENGDUO_div_xian {
				width: 260px;
				margin: 13px 11px;
				border-top: #d5d5d5 1px dotted;
			}
			
			.bai8 {
				width: 50px;
				border: 1px solid white;
				top: -1px;
				left: 230px;
			}
			
			.GENGDUO_div_sanjiao {
				width: 0;
				height: 0;
				border-bottom: 4px solid #F10180;
				/*border-top: 4px solid transparent;*/
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				margin-left: 5px;
				top: -14px;
				left: 261px;
			}
			
			.HZZQ_neirong:hover {
				color: #F10180;
			}
			
			.top-nav {
				position: relative;
				z-index: 103;
				height: 28px;
				line-height: 26px;
				background-color: #f5f5f5;
				color: #777;
				text-align: center;
			}
			
			.head-inner {
				width: 1170px;
				margin: 0 auto;
				position: relative;
				line-height: 26px;
				color: #777;
			}
			
			ul {
				list-style-type: none;
			}
			
			.fl {
				float: left;
			}
			
			.fr {
				float: right;
			}
			.pr {
				position: relative;
			}
			
			.pa {
				position: absolute;
			}
			
			#tianjj {
				width: 80px;
				height: 28px;
			}
			
			#tianjj:hover {
				cursor: pointer;
			}
			
			.c-harea-triangle {
				position: absolute;
				top: 12px;
				left: 60px;
				display: inline-block;
				width: 0;
				height: 0;
				border-width: 4px;
				border-color: #999 transparent transparent transparent;
				border-style: solid dashed dotted dashed;
				vertical-align: top
			}
			
			.top-li-diqu {
				position: absolute;
				top: 28px;
				left: 0px;
				padding-right: 15px;
				padding-left: 15px;
				width: 470px;
				background-color: #fff;
				border: 1px solid #ccc;
				display: none;
			}
			
			.top-li-diqu-zyf {
				position: relative;
				top: -1px;
				left: -15px;
				width: 78px;
				height: 2px;
				border: solid 1px white;
				background-color: white;
			}
			
			.top-li-diqu-shengfeng {
				width: 70px;
				height: 30px;
				text-align: center;
				border-top: solid 2px #D80B8C;
				border-left: solid 1px #CCCCCC;
				border-right: solid 1px #CCCCCC;
			}
			
			.top-li-diqu-shengfeng-x {
				position: absolute;
				top: 31px;
				left: 86px;
				width: 400px;
				height: 30px;
				border-bottom: solid 1px #CCCCCC;
			}
			
			.top-li-diqu-shiqu-ul li {
				float: left;
				width: 70px;
				height: 28px;
				margin-bottom: 2px;
				border: solid 1px white;
			}
			
			.top-li-diqu-shiqu li:hover {
				border: solid 1px #D80B8C;
				cursor: pointer;
			}
			
			.top-li-diqu-shiqu li:hover a {
				color: #D80B8C;
			}
			
			.top-li-diqu-biaoti {
				text-align: left;
			}
			/*登录*/
			
			.dengluz {
				top: 13px;
				left: 430px;
			}
			
			.denglunei {
				width: 280px;
				position: absolute;
				top: 28px;
				left: 356px;
				width: 280px;
				padding: 10px 0;
				border: 1px solid #cdcdcd;
				background-color: #fff;
				color: #333;
				display: none;
			}
			
			.denglunei-biaoti {
				margin: 20px 0;
				width: 180px;
				text-align: left;
				border-bottom: dotted 1px #cdcdcd;
			}
			
			.denglunei-ko {
				width: 78px;
				height: 2px;
				background-color: white;
				border: solid 1px white;
				position: relative;
				top: -12px;
			}
			
			.denglunei-nr {
				text-align: left;
				margin: 0 20px;
				margin-right: 60px;
			}
			
			.top-dao-denglu {
				width: 80px;
				height: 26px;
				border: solid 1px #F5F5F5;
			}
			
			.top-dao-denglu:hover {
				background-color: white;
				border: solid 1px #cdcdcd;
			}
			
			.top-dao-denglu:hover .denglunei {
				display: block;
			}
			/*注册*/
			
			.top-dao-zhuce {
				width: 80px;
				height: 28px;
			}
			/*签到有礼*/
			
			.top-dao-qiandao {
				width: 95px;
				height: 28px;
				position: relative;
			}
			
			.top-dao-qiandao:hover .top-dao-qiandao-nei {
				display: block;
			}
			
			.top-dao-qiandao-nei {
				width: 402px;
				height: 152px;
				border: solid 1px #cdcdcd;
				position: absolute;
				left: -150px;
				display: none;
				background-color: white;
			}
			
			.top-dao-qiandao-zi {
				width: 360px;
				border-top: dotted 1px #cdcdcd;
				margin: 10px 25px;
				padding-top: 10px;
			}
			
			.top-dao-qiandao-mei {
				margin-left: 20px;
				text-decoration: underline;
			}
			
			.top-dao-qiandao-an {
				width: 50px;
				line-height: 20px;
				margin: 5px 20px;
				border-radius: 5px;
				background-color: #D80B8C;
				color: white;
			}
			
			.top-dao-dindan {
				width: 83px;
			}
			/*特卖*/
			
			.top-dao-temai {
				width: 95px;
				position: relative;
				border: 1px solid #F5F5F5;
			}
			
			.top-dao-temai-ko {
				width: 93px;
				height: 2px;
				border: 1px solid white;
				position: relative;
				top: -2px;
				background-color: white;
			}
			
			.top-dao-temai-nei {
				width: 120px;
				border: 1px solid #cdcdcd;
				position: absolute;
				left: -1px;
				display: none;
				background-color: white;
			}
			
			.top-dao-temai:hover {
				border: 1px solid #cdcdcd;
				background-color: white;
			}
			
			.top-dao-temai:hover .top-dao-temai-nei {
				display: block;
			}
			/*俱乐部*/
			
			.top-dao-julebu {
				width: 107px;
				border: 1px solid #F5F5F5;
				position: relative;
			}
			
			.top-dao-julebu-ko {
				width: 105px;
				height: 2px;
				border: 1px solid white;
				background-color: white;
				position: relative;
				top: -1px;
			}
			
			.top-dao-julebu-nei {
				width: 107px;
				border: 1px solid #cdcdcd;
				position: absolute;
				left: -1px;
				display: none;
				background-color: white;
			}
			
			.top-dao-julebu:hover {
				border: 1px solid #cdcdcd;
				background-color: white;
			}
			
			.top-dao-julebu:hover .top-dao-julebu-nei {
				display: block;
			}
			/* 服务*/
			
			.top-dao-fuwu {
				width: 105px;
				position: relative;
				border: 1px solid #F5F5F5;
			}
			
			.top-dao-fuwu-ko {
				width: 103px;
				height: 2px;
				border: 1px solid white;
				background-color: white;
				position: relative;
				left: -28px;
				top: -1px;
			}
			
			.top-dao-fuwu-nei {
				width: 77px;
				border: 1px solid #cdcdcd;
				position: absolute;
				text-align: left;
				padding-left: 28px;
				left: -1px;
				display: none;
				background-color: white;
			}
			
			.top-dao-fuwu:hover {
				background-color: white;
				border: 1px solid #cdcdcd;
			}
			
			.top-dao-fuwu:hover .top-dao-fuwu-nei {
				display: block;
			}
			
			.top-dao-sgoujib {
				width: 86px;
				position: relative;
				border: 1px solid #F5F5F5;
			}
			
			.top-dao-sgoujib-ko {
				width: 84.5px;
				height: 2px;
				border: 1px solid white;
				background-color: white;
				position: relative;
				left: 129px;
				top: -22px;
			}
			
			.top-dao-sgoujib-nei {
				width: 185px;
				position: absolute;
				border: 1px solid #cdcdcd;
				padding: 20px 30px;
				top: 27px;
				left: -159.5px;
				display: none;
				background-color: white;
			}
			
			.top-dao-sgoujib:hover {
				background-color: white;
				border: 1px solid #cdcdcd;
			}
			
			.top-dao-sgoujib:hover .top-dao-sgoujib-nei {
				display: block;
			}
			/*更多*/
			
			.top-dao-gengduo {
				width: 71px;
				border: 1px solid #F5F5F5;
				position: relative;
			}
			
			.top-dao-gengduo-nei {
				width: 300px;
				position: absolute;
				left: -270px;
				top: 27px;
				text-align: left;
				border: 1px solid #cdcdcd;
				padding: 20px;
				color: black;
				display: none;
				background-color: white;
			}
			
			.top-dao-gengduo-ko {
				width: 69px;
				height: 2px;
				border: 1px solid white;
				background-color: white;
				position: relative;
				left: 249px;
				top: -22px;
			}
			
			.top-dao-gengduo-nei1 {
				color: black;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: dotted 1px #cdcdcd;
			}
			
			.top-dao-gengduo-nei a {
				color: black;
				margin-right: 10px;
			}
			
			.top-dao-gengduo-nei a:hover {
				color: #D80B8C;
			}
			
			.top-dao-gengduo:hover {
				background-color: white;
				border: solid 1px #cdcdcd;
			}
			
			.top-dao-gengduo:hover .top-dao-gengduo-nei {
				display: block;
			}
			
			.head-logo {
				height: 100px;
				line-height: 100px;
			}
			
			.head-logo-inner {
				width: 1170px;
				margin: 0 auto;
			}
			
			.head-inner-l {
				height: 100px;
				margin-top: 20px;
				/*border: solid 1px black;*/
				line-height: 100px;
			}
			
			.head-inner-l a {
				display: inline-block;
			}
			
			.gouwudai {
				margin-top: 50px;
				width: 106px;
				height: 34px;
				text-align: center;
				line-height: 34px;
				background-color: #cdcdcd;
				border: solid 1px #cdcdcd;
				position: relative;
				z-index: 10;
			}
			
			.gouwudai-ko {
				width: 103px;
				height: 2px;
				border: solid 1px white;
				position: absolute;
				top: -2px;
				left: 215px;
				background-color: white;
			}
			
			.daizi {
				width: 17px;
				height: 17px;
				display: inline-block;
				/*border: solid 1px blue;*/
				position: relative;
				top: 3px;
				background-image: url(img/sprites-hash-9b207a41.png);
				background-position: -91px -208px;
				;
			}
			
			.gouwudai-nei {
				width: 320px;
				height: 70px;
				line-height: 70px;
				border: solid 1px #cdcdcd;
				text-align: center;
				position: absolute;
				top: 35px;
				left: -215px;
				display: none;
				background-color: white;
			}
			
			.gouwudai:hover {
				background-color: white;
			}
			
			.gouwudai:hover .gouwudai-nei {
				display: block;
			}
			.sousuo {
				margin-top: 18px;
				position: relative;
				z-index: -1;
			}
			.sousuo-tu {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 40px;
				left: 320px;
				background-image: url(img/sprites-hash-9b207a41.png);
				background-position: -72px -208px;
			}
			
			.sousuo-k {
				width: 350px;
				height: 40px;
				margin-right: 30px;
				border: 1px solid;
				border-radius: 4px;
			}
			
			.noe {
				height: 40px;
				clear: both;
				background-color: #F10180;
			}
			
			.noe .noe-u {
				width: 1170px;
				margin: 0 auto;
			}
			
			.noe .noe-u .noe-1 {
				float: right;
			}
			
			.noe-u li {
				height: 40px;
				line-height: 40px;
				color: white;
				padding: 0 10px;
				float: left;
				cursor: pointer;
				font-size: 16px;
			}
			
			.noe-u li:hover {
				background-color: #BD1067;
			}
			
			.noe-u li:hover .noe-u-gd-t {
				display: block;
			}
			
			.noe-u-gd {
				position: relative;
				z-index: 1;
			}
			
			.noe-u-gd-t {
				width: 570px;
				overflow: hidden;
				background-color: white;
				border: solid 1px black;
				display: none;
				position: absolute;
				left: -519px;
			}
			
			.noe-u-gd-t1 {
				width: 170px;
				height: 96px;
				/*background-image: url(img/1467620773404.jpg);*/
				background-size: cover;
				border-radius: 5px;
				margin: 10px;
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.noe-u-gd-t1:hover p {
				top: 0;
				line-height: 96px;
				background-color: rgba(88, 88, 88, 0.8);
			}
			
			.noe-u-gd-t1-p {
				line-height: 48px;
				width: 170px;
				text-align: center;
				border-radius: 5px;
				background-color: rgba(88, 88, 88, 0.5);
				position: absolute;
				top: 48px;
				overflow: hidden;
			}
			
			.aaa {
				width: 1170px;
				margin: 20px auto;
			}
			
			.aaa-a {
				color: #D80B8C;
			}
			
			.huantu {
				width: 420px;
			}
			
			.bbb {
				width: 420px;
				height: 531px;
				/*border: 1px solid black;*/
				position: relative;
				cursor: crosshair;
			}
			
			.ccc {
				width: 550px;
				height: 538px;
				/*border: 1px solid black;*/
			}
			
			.bbb-xia {
				width: 420px;
			}
			
			.img {
				width: 62px;
				height: 78px;
				margin-top: 10px;
				/*border: 1px solid black;*/
				margin-right: 10px;
			}
			
			.zoobigimg {
				width: 420px;
				height: 531px;
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url(img01/img01_1100x1390.jpg);
				background-repeat: no-repeat;
			}
			
			.ccc-1nei {
				width: 340px;
				overflow: hidden;
				font-size: 12px;
				color: #777578;
				line-height: 22px;
			}
			
			.ccc-1nei1 {
				font-size: 16px;
				color: #333;
				line-height: 20px;
				margin-top: 8px;
				margin-bottom: 8px;
				font-weight: 700;
			}
			
			.ccc2 {
				width: 550px;
				height: 106px;
				background-color: #FAF5F8;
				margin-bottom: 20px;
			}
			
			.ccc2-nei {
				font-family: arial;
				font-size: 48px;
				margin-left: 20px;
				display: inline-block;
				position: relative;
				color: #f43499;
				line-height: 1.2;
				margin-top: 13px
			}
			
			.cc2-a {
				font-size: 20px;
				font-style: normal;
			}
			
			.cc2-b {
				font-style: normal;
				font-weight: 400;
			}
			
			.manjian {
				width: 62px;
				height: 18px;
				text-align: center;
				line-height: 18px;
				background-color: #f3b241;
				color: #fff;
				font-size: 12px;
				margin-right: 5px;
				display: inline-block;
			}
			
			.ddd-span {
				font-size: 12px;
				width: 40px;
				text-align: left;
				color: #999;
				margin-right: 20px;
				line-height: 32px
			}
			
			.chima {
				width: 550px;
			}
			
			.yifudax {
				width: 74px;
				height: 30px;
				text-align: center;
				line-height: 30px;
				display: inline-block;
				border: solid 1px #CCCCCC;
				font-size: 12px;
				padding: 1px 10px;
				margin-right: 10px;
				margin: 0 10px 10px 0;
			}
			
			.gouwua {
				width: 198px;
				height: 46px;
				background-color: #D80B8C;
				color: white;
				border: 0;
				border-radius: 5px;
				/*margin-left: 40px;*/
			}
			
			.tijiao {
				padding-left: 40px;
			}
			
			.ddd-2 {
				width: 550px;
				border-top: dashed 1px #E6E6E6;
				margin-top: 50px;
			}
			
			.fuwuu {
				margin-top: 10px;
				margin-bottom: 20px;
			}
			
			.ssj {
				height: 35px;
				line-height: 35px;
				position: relative;
				font-size: 14px;
				height: 18px;
				line-height: 18px;
				border-right: 1px solid #c6bdc0;
			}
			
			.zp {
				background-image: url(img01/detail-sprites-hash-f9d3cdc5.png);
				background-position: -166px -124px;
				width: 35px;
				height: 35px;
				display: inline-block;
				position: absolute;
				top: -9px;
				left: 35px;
			}
			
			.zp-j {
				margin-left: 78px;
				margin-right: 10px;
			}
			
			.qp {
				background-image: url(img01/detail-sprites-hash-f9d3cdc5.png);
				background-position: -115px -286px;
				width: 35px;
				height: 35px;
				display: inline-block;
				position: absolute;
				top: -9px;
				left: 35px;
			}
			
			.zc {
				background-image: url(img01/detail-sprites-hash-f9d3cdc5.png);
				background-position: -144px -84px;
				width: 35px;
				height: 35px;
				display: inline-block;
				position: absolute;
				top: -9px;
				left: 35px;
			}
			
			
			.divE {
				width: 1000px;
				margin: 0 auto;
				clear: both;
			}
			
			.divD_ul {
				height: 36px;
				margin-top: 60px;
				margin-bottom: 30px;
				border-top: 1px solid #e7e7e7;
				border-bottom: 3px solid #000;
				border-right: 1px solid #e7e7e7;
			}
			
			.li_ShangpinXiangqing {
				cursor: pointer;
				width: 100px;
				height: 36px;
				line-height: 36px;
				text-align: center;
				font-size: 14px;
				color: #333;
				border-left: 1px solid #e7e7e7;
			}
			
			.li_ONclick {
				border-bottom: 3px solid #f10180;
			}
			
			.SIZE {
				text-align: left;
				font-size: 14px;
				padding-left: 20px;
				background: url(image/detial_line-hash-73c7b229.png) repeat-x left bottom;
				padding-bottom: 6px;
			}
			
			.Fang {
				background-image: url(image/detail-sprites-hash-f9d3cdc5.png);
				background-position: -282px -174px;
				width: 13px;
				height: 13px;
				top: 9px;
				left: 0;
			}
			
			.dc-title {
				color: #f10180;
				font-size: 20px;
			}
			
			.SIZE_English {
				color: #999;
				font-size: 20px;
				padding-left: 5px;
				bottom: -2px;
				font-family: arial;
			}
			
			.tips {
				font-size: 14px;
				line-height: 1.8;
				margin-top: 10px;
			}
			
			.SIZE_Height {
				margin-top: 35px;
			}
			
			.meChiMa {
				color: #333;
				font-size: 14px;
				font-weight: 700;
				margin-bottom: 10px;
			}
			
			.meChiMa span {
				color: #666;
				font-size: 12px;
				font-weight: 400;
				margin-left: 12px;
			}
			
			.SIZE_box {
				border: 1px solid #ccc;
				font-size: 14px;
			}
			
			.SIZE_box_box {
				width: 490px;
				height: 338px;
				padding: 10px;
			}
			
			.SIZE_box_box_image {
				width: 490px;
				height: 338px;
				background-image: url(../img/pic-size-helper-examples-hash-4691e0b0.jpg);
				background-repeat: no-repeat;
			}
			
			.SIZE_box_box_text {
				/*padding: 60px 0 12px 0;*/
				font-size: 14px;
				width: 490px;
				height: 171px;
				top: 70px;
				left: 500px;
			}
			
			.JUTI {
				margin-bottom: 25px;
				padding-left: 44px;
				width: 168px;
			}
			
			.JUTI_text {
				margin-right: 12px;
				height: 32px;
				line-height: 32px;
				color: #666;
				font-size: 14px;
			}
			
			.JUTI_input {
				width: 58px;
				font-size: 14px;
				text-align: center;
				height: 18px;
				line-height: 18px;
				padding: 6px 10px;
				color: #333;
				background-color: #fff;
				border: 1px solid #b2b2b2;
				border-radius: 3px;
				outline: none;
			}
			
			.JUTI_cm {
				height: 32px;
				line-height: 32px;
				color: #666;
				font-size: 14px;
			}
			
			.BaoCun {
				display: inline-block;
				color: #fff;
				width: 60px;
				height: 32px;
				text-align: center;
				line-height: 32px;
				background-color: #f10180;
				border: 1px solid #f10180;
				padding: 0 19px;
				border-radius: 3px;
			}
			
			.baocun {
				margin-left: 180px;
				margin-top: 180px;
			}
			
			.weibu {
				height: 477px;
				background-color: #F5F5F5;
				margin-top: 100px;
			}
			
			.center-4 {
				width: 960px;
				margin: 0 auto;
			}
			
			.daxiao {
				width: 96px;
				height: 105px;
			}
			
			.daxiao2 {
				width: 58px;
				height: 75px;
				margin: 30px 19px 0 19px;
				background-image: url(image/tb.png);
			}
			
			.biao2 {
				background-position-x: 10.7%;
			}
			
			.biao3 {
				background-position-x: 21.4%;
			}
			
			.biao4 {
				background-position-x: 32.3%;
			}
			
			.biao5 {
				background-position-x: 42.8%;
			}
			
			.biao6 {
				background-position-x: 53.8%;
			}
			
			.biao7 {
				background-position-x: 64.7%;
			}
			
			.biao8 {
				background-position-x: 75.5%;
			}
			
			.biao9 {
				background-position-x: 86.2%;
			}
			
			.biao10 {
				background-position-x: 97%;
			}
			
			.dx {
				width: 162px;
				margin-top: 30px;
				border-right: 1px solid #B5B5B5;
			}
			
			.f-style {
				font-size: 12px;
				color: #B5B5B5;
				line-height: 25px;
				text-indent: 2em;
			}
			
			.bold {
				color: #4D4D4D;
				font-weight: bold;
			}
			
			.vph {
				width: 136px;
				margin-top: 30px;
			}
			
			.vipewm {
				width: 100px;
				height: 100px;
				margin: 0 22px;
			}
			
			.indent {
				text-indent: 1.5em;
			}
			
			.p_style {
				width: 960px;
				line-height: 20px;
				font-size: 12px;
				text-align: center;
			}
			
			.bgcolor {
				background-color: #F10180;
				color: white;
				margin: 20px 0;
			}
			
			.p_style a {
				color: white;
				padding: 0 3px;
			}
			
			.bgcolor a:hover {
				color: #B5B5B5;
			}
			
			.bgcolor2 {
				color: #4D4D4D;
			}
			
			.bgcolor2 a:hover {
				color: #F10180;
			}
			
			.bgcolor2 a {
				color: black;
			}
			
			.dx dd a:hover {
				color: #F00581
			}
			.kuaidi{
				top: 33px;
				left: 0;
				
			}
			.bai12{
				width: 258px;
				border: 1px solid white;
				top: -1px;
				left: 43px;
			}
			.GuanFangHZ{
				width: 104px;
				height: 20px;
				padding: 5px 9px;
				background-color: white;
				border: 1px solid #c2c2c2;
				top: 23px;
				display: none;
			}
			.bai14{
				width: 91px;
				border: 1px solid white;
				top: -2px;
				left: 0;
			}
			.GuanFangHZ_01{
				width: 20px;
				height: 20px;
				margin-right:8px ;
				cursor: pointer;
				background-image: url(image/share_icon.png);
			}
			.GuanFangHZ_01_bgp_xy{
				background-position: -30px -40px;
			}
			.GuanFangHZ_02_bgp_xy{
				background-position: -240px -40px;
			}
			.GuanFangHZ_03_bgp_xy{
				background-position: -210px -40px;
			}
			.GuanFangHZ_04_bgp_xy{
				background-position: 0 -40px;
				margin-right:0 ;
			}
		</style>
	</head>

	<body>
<div class="right ">
			<ul class="right-ul">

				<li class="right-1" id="chulai">账号

				</li>
				<div class="rig-1-y" id="duihu">
					<div id="guanbi">
					</div>
					<ul class="rig-1-u">
						<li><img src="img/20171226094209.png" /></li>
						<li>你好！请
							<a href="#">登录</a>&iota;
							<a href="#">注册</a>
						</li>
						<li><img src="img/20171226094228.png" /><img src="img/20171226094237.png" /></li>
						<li>会员俱乐部</li>
					</ul>
				</div>
				<li class="right-2"></li>
				<li class="right-3">
					<div class="rig-u3">
						<p>
							<a href="#">我的优惠券</a>
						</p>
					</div>
				</li>
				<li class="right-4">
					<div class="rig-u3">
						<p>
							<a href="#">我的收藏</a>
						</p>
					</div>
				</li>
				<li class="right-5">
					<div class="rig-u3">
						<p>
							<a href="#">商品收藏</a>
						</p>
					</div>
				</li>
				<li class="right-6">
					<div class="rig-u3">
						<p>
							<a href="#">我的足迹</a>
						</p>
					</div>
				</li>
				<li class="right-7">
					<div class="rig-u3">
						<p>
							<a href="#">会员反馈</a>
						</p>
					</div>
				</li>
				<li class="right-8">
					<div class="rig-u3">
						<p>
							<a href="#">返回顶部</a>
						</p>
					</div>
				</li>
			</ul>

		</div>
		<div class="divA">
			<a name="fanhuidingbu"></a>
			<div class="divA_a">
				<div class="divA_a_01 fl pr" id="ShengFen" onclick="fun1()">
					<div class="tianjinshi pr" id="BIAN">天津市</div>
					<div class="Border pa"></div>
					<div class="pa divA_a_01_shengfen pr">
						<div class="bai1 pa"></div>
						<p class="divA_a_01_shengfen_dizhi">请选择你所在的收货地区</p>
						<ul>
							<li class="dizhi1">省份</li>
						</ul>
						<div class="dizhi2 pr">
							<div class="bai2 pa"></div>
							<ul id="shengfen_ul">
								<li>
									<a href="javascript:;">北京市</a>
								</li>
								<li>
									<a href="javascript:;">天津市</a>
								</li>
								<li>
									<a href="javascript:;">河北省</a>
								</li>
								<li>
									<a href="javascript:;">山西省</a>
								</li>
								<li>
									<a href="javascript:;">内蒙...</a>
								</li>
								<li>
									<a href="javascript:;">辽宁省</a>
								</li>
								<li>
									<a href="javascript:;">吉林省</a>
								</li>
								<li>
									<a href="javascript:;">黑龙江</a>
								</li>
								<li>
									<a href="javascript:;">上海市</a>
								</li>
								<li>
									<a href="javascript:;">江苏省</a>
								</li>
								<li>
									<a href="javascript:;">浙江省</a>
								</li>
								<li>
									<a href="javascript:;">安徽省</a>
								</li>
								<li>
									<a href="javascript:;">福建省</a>
								</li>
								<li>
									<a href="javascript:;">江西省</a>
								</li>
								<li>
									<a href="javascript:;">山东省</a>
								</li>
								<li>
									<a href="javascript:;">河南省</a>
								</li>
								<li>
									<a href="javascript:;">湖北省</a>
								</li>
								<li>
									<a href="javascript:;">湖南省</a>
								</li>
								<li>
									<a href="javascript:;">广东省</a>
								</li>
								<li>
									<a href="javascript:;">广西...</a>
								</li>
								<li>
									<a href="javascript:;">河南省</a>
								</li>
								<li>
									<a href="javascript:;">重庆市</a>
								</li>
								<li>
									<a href="javascript:;">四川省</a>
								</li>
								<li>
									<a href="javascript:;">贵州省</a>
								</li>
								<li>
									<a href="javascript:;">云南省</a>
								</li>
								<li>
									<a href="javascript:;">西藏...</a>
								</li>
								<li>
									<a href="javascript:;">陕西省</a>
								</li>
								<li>
									<a href="javascript:;">甘肃省</a>
								</li>
								<li>
									<a href="javascript:;">青海省</a>
								</li>
								<li>
									<a href="javascript:;">宁夏...</a>
								</li>
								<li>
									<a href="javascript:;">新疆...</a>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<ul class="fr">
					<li class="fl divA_a_02 pr divA_a_02_bianse">
						<a href="denglu.html" target="_blank" class="Abiaoqian">请登录</a>
						<div class="pr divA_a_02_sf pa">
							<div class="bai3 pa"></div>
							<div class="divA_a_02_sf_touxiang">
								<div class="touxiang fl"></div>
								<div class="touxiang_denglu fl">
									<a href="denglu.html" target="_blank">您好！[请登录]</a>
								</div>
								<p class="touxiang_neirong fl">
									<span class="fl touxiang_neirong_span"><a href="">我的收藏</a></span>
									<span class="fl touxiang_neirong_span"><a href="vipGouWuChe.html" target="_blank">我的订单</a></span>
									<span class="fl touxiang_neirong_span"><a href="">零钱</a></span>
									<span class="fl touxiang_neirong_span"><a href="">我的优惠券</a></span>
									<span class="fl touxiang_neirong_span"><a href="">我的唯品币</a></span>
									<span class="fl touxiang_neirong_span"><a href="">唯品金融</a></span>
								</p>
							</div>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02">
						<a href="zhuce.html" target="_blank" class="Abiaoqian">注册</a>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 pr divA_a_02_2">
						<div class="BGI1 fl"></div>
						<a href="#">签到有礼</a>
						<div class="pr divA_a_02_qiandao pa">
							<div class="divA_a_02_qiandao_kuai1 pa">◆</div>
							<div class="divA_a_02_qiandao_kuai2 pa">◆</div>
							<div class="pr colorxian pa">
								<div class="colorxian_image pa">
									<div class="colorxian_image_0 fl dw1"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw2"></div>
									<div class="colorxian_image_0 fl dw3"></div>
								</div>
								<div class="riqi pa">
									<div class="riqi_tian fl">1天</div>
									<div class="riqi_tian fl">2天</div>
									<div class="riqi_tian fl">3天</div>
									<div class="riqi_tian fl">4天</div>
									<div class="riqi_tian fl">5天</div>
									<div class="riqi_tian fl">6天</div>
									<div class="riqi_tian fl">7天</div>
								</div>
								<div class="QianDao pa">
									<a href="#" class="fl p_qiandao">每天签到送惊喜， 连续签到更享心动奖励</a>
									<a href="#" class="fr inputqiandao">签到</a>
								</div>
							</div>

						</div>

					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02">
						<a href="vipGouWuChe.html" target="_blank" class="Abiaoqian">我的订单</a>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 pr divA_a_02_bianse">
						<a href="" class="fl Abiaoqian">我的特卖</a>
						<div class="Border2 fl"></div>
						<div class="pr temai pa">
							<div class="bai4 pa"></div>
							<div class="temai_sanjiao pa"></div>
							<p class="temai_p">
								<a href="#">品牌收藏(0)</a>
							</p>
							<p class="temai_p">
								<a href="#">商品收藏(0)</a>
							</p>
							<p class="temai_p">
								<a href="#">我的足迹(0)</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<a href="" class="fl Abiaoqian">会员俱乐部</a>
						<div class="Border2 fl"></div>
						<div class="JLB_div pa pr">
							<div class="bai5 pa"></div>
							<div class="JLB_div_sanjiao pa"></div>
							<p class="JLB_div_p">
								<a href="#">俱乐部首页</a>
							</p>
							<p class="JLB_div_p">
								<a href="#">唯品币兑换</a>
							</p>
							<p class="JLB_div_p">
								<a href="#">免费抽大奖</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<a href="" class="fl Abiaoqian">客户服务</a>
						<div class="Border2 fl"></div>
						<div class="KHFW_div pa pr">
							<div class="bai6 pa"></div>
							<div class="KHFW_div_sanjiao pa"></div>
							<p class="KHFW_div_p">
								<a href="#">联系客服</a>
							</p>
							<p class="KHFW_div_p">
								<a href="#">帮助中心</a>
							</p>
							<p class="KHFW_div_p">
								<a href="#">服务中心</a>
							</p>
							<p class="KHFW_div_p">
								<a href="#">知识产权投诉</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<div class="BGI2 fl"></div>
						<a href="" class="Abiaoqian">手机版</a>
						<div class="SJB_div pa">
							<div class="bai7 pa"></div>
							<img src="img/1466134037230.jpg" class="SJB_div_ewm" />
							<p class="SJB_div_p">
								<a href="#">随时逛 及时抢</a>
							</p>
						</div>
					</li>
					<li class="fl divA_a_03">/</li>
					<li class="fl divA_a_02 divA_a_02_bianse pr">
						<a href="" class="fl Abiaoqian">更多</a>
						<div class="Border2 fl"></div>
						<div class="GENGDUO_div pa pr">
							<div class="pa bai8"></div>
							<div class="pa GENGDUO_div_sanjiao"></div>
							<h5 class="HZZQ">合作专区</h5>
							<p class="GENGDUO_div_p">
								<a href="#" class="HZZQ_neirong">联名卡申请</a>
								<a href="#" class="HZZQ_neirong">唯品卡</a>
								<a href="#" class="HZZQ_neirong">支付专区</a>
							</p>
							<h5 class="GENGDUO_div_xian"></h5>
							<h5 class="HZZQ">关于我们</h5>
							<p class="GENGDUO_div_p">
								<a href="#" class="HZZQ_neirong">Sell on vip</a>
								<a href="#" class="HZZQ_neirong">品牌招商</a>
								<a href="#" class="HZZQ_neirong">官方博客</a>
							</p>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="head-logo">
			<div class="head-logo-inner">
				<div class="head-inner-l fl">
					<a href=""><img src="img/f7a419fd677b924db63312c87d0ae100.png" /></a>
				</div>
				<div class="head-inner-l fl">
					<a href=""><img src="img/20171226183747.png" /></a>
				</div>
				<div class="head-inner-l fl">
					<a href=""><img src="img/20171226183727.png" /></a>
				</div>
				<div class="head-inner-l fl">
					<a href=""><img src="img/20171226183754.png" /></a>
				</div>

				<div class="gouwudai fr">

					<a href="weipinhui2.html">
						<div class="daizi"></div>购物袋(0)</a>
					<div class="gouwudai-nei">
						<div class="gouwudai-ko">

						</div>
						<p>好像还没登录
							<a href="">马上登录</a>查看购物袋</p>
					</div>
				</div>

				<div class="sousuo fr">
					<div class="sousuo-tu">

					</div>
					<input type="text" id="" value="" placeholder="买件冬装好过年~" class="sousuo-k" />
				</div>
			</div>
		</div>

		<div class="noe">
			<ul class="noe-u">
				<li>
					首页
				</li>
				<li>
					女装
				</li>
				<li>
					母婴
				</li>
				<li>
					美妆
				</li>
				<li>
					国际
				</li>
				<li>
					男士
				</li>
				<li>
					居家
				</li>
				<li>
					鞋包
				</li>
				<li>
					运动
				</li>
				<li>
					生活
				</li>
				<li>
					鞋包
				</li>
				<li class="noe-u-gd">
					更多
					<div class="noe-u-gd-t">
						<div class="noe-u-gd-t1">
							<img src="img/1467620773404.jpg" />
							<p class="noe-u-gd-t1-p">唯品</p>
						</div>
						<div class="noe-u-gd-t1">
							<img src="img/1476702224646.jpg" />
							<p class="noe-u-gd-t1-p">唯品</p>
						</div>
						<div class="noe-u-gd-t1">
							<img src="img/1467620841997.jpg" />
							<p class="noe-u-gd-t1-p">唯品</p>
						</div>
						<div class="noe-u-gd-t1">
							<img src="img/1505354197881.png" />
							<p class="noe-u-gd-t1-p">唯品</p>
						</div>
					</div>
				</li>

				<li class="noe-1">
					分类
				</li>
				<li class="noe-1">
					预告
				</li>
			</ul>
		</div>

		<div class="aaa">
			<div class="">
				<a href="">首页</a>
				<span class="aaa-j">></span>
				<a href="">美宝莲Maybeline化妆品专场</a>
				<span class="aaa-j">></span>
				<a href="" class="aaa-a">红色持久唇膏 金属色系列口红 3.9g</a>
			</div>
			<div class="huantu fl">

				<div class="bbb" id="jing">
					<img id="zooimg" src="img01/img01_420x531.jpg" data-pic="img01" />
					<div id="zoobigimg" class="zoobigimg">

					</div>
				</div>
				<ul id="j-pic-slider">
					<li class="img fl"><img src="img01/img01_95x120.jpg" width="62px" height="78px" data-pic="img01" /></li>
					<li class="img fl"><img src="img01/img02_95x120.jpg" width="62px" height="78px" data-pic="img02" /></li>
				</ul>
			</div>
			<div class="ccc fr">
				<div class="ccc1">
					<p class="ccc-1nei">GXG</p>
					<p class="ccc-1nei1">休闲男士连帽卫衣</p>
				</div>
				<div class="ccc2">
					<span class="ccc2-nei">
						<i class="cc2-a">￥</i>
						<em class="cc2-b">319</em>
					</span>
					<p><span class="manjian">
						
					满减</span>满498元减100元，上不封顶</p>
				</div>
				<div class="ddd">
					<form action="" method="get">
						<div class=""><span class="ddd-span">配送</span><input type="text" id="" value="" style="height: 30px; width: 250px;" /></div>
						<div><span class="ddd-span">运费</span><span class="manjian">免运费</span><span class="ddd-span">（订单满288免运费）</span></div>
						<div class="chima"><span class="ddd-span">尺码</span><span class="yifudax">175/M</span><span class="yifudax">175/M</span><span class="yifudax">175/M</span></div>
						<div><span class="ddd-span">数量</span><input type="button" id="" value="－" /><input type="text" id="" value="1" size="1px" style="text-align: center;"/><input type="button" id="" value="＋" />
							<div class="tijiao"><input type="button" id="" value="加入购物袋" class="gouwua" />
								<p>购买最多可获 <span class="" style="color: #D80B8C;">159</span>个唯品币</p>
							</div>
					</form>
					</div>
					<div class="ddd-2">
						<div class="fuwuu">
							<span class="ddd-span">服务</span>该商品支持换货，订单签收7天内可申请换货
						</div>
						<div class="">
							<ul>
								<li class="ssj fl">
									<i class="zp"></i>
									<a href="" class="zp-j">100%正品</a>
								</li>
								<li class="ssj fl">
									<i class="qp"></i>
									<a href="" class="zp-j">7天无理由放心退</a>
								</li>
								<li class="ssj fl">
									<i class="zc"></i>
									<a href="" class="zp-j">支持换货</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>




	<div class="divE">
			<div class="divD_ul">
				<ul>
					<li class="li_ShangpinXiangqing fl li_ONclick">商品详情</li>
					<li class="li_ShangpinXiangqing fl">商品咨询</li>
					<li class="li_ShangpinXiangqing fl">关于我们</li>
				</ul>
			</div>
			<div class="SIZE pr">
				<i class="Fang pa"></i>
				<p class="dc-title">商品尺码
					<span class="SIZE_English">SIZE</span>
				</p>
			</div>
			<div>
				<dl class="tips">
					<dt>TIPS:</dt>
					<dd>1. 选购时，请综合参考尺码表中各项参数，有助于你选择到更合适的尺码。</dd>
					<dd>2.（只适用服装）平铺测量自己的合身服装尺寸作参考，对比选购更准确！</dd>
					<dd>3. 请放心挑选尺码，唯品7天退货无忧替你保驾护航。</dd>
				</dl>
			</div>
			<div class="SIZE_Height">
				<p class="meChiMa">我的尺码<span>(录入身高、体重、肩宽、三围为您推荐合适的尺码，录入一次即可为您保存长期使用哦！)</span></p>
				<div class="SIZE_box">
					<div class="SIZE_box_box pr">
						<div class="SIZE_box_box_image"></div>
						<div class="SIZE_box_box_text pa">
							<div class="JUTI fl"><span class="JUTI_text">身高：</span>
								<input type="text" name="" id="" value="" class="JUTI_input" />
								<span class="JUTI_cm">cm</span>
							</div>
							<div class="JUTI fl"><span class="JUTI_text">体重：</span>
								<input type="text" name="" id="" value="" class="JUTI_input" />
								<span class="JUTI_cm">kg</span>
							</div>
							<div class="JUTI fl"><span class="JUTI_text">肩宽：</span>
								<input type="text" name="" id="" value="" class="JUTI_input" />
								<span class="JUTI_cm">cm</span>
							</div>
							<div class="JUTI fl"><span class="JUTI_text">胸围：</span>
								<input type="text" name="" id="" value="" class="JUTI_input" />
								<span class="JUTI_cm">cm</span>
							</div>
							<div class="JUTI fl"><span class="JUTI_text">腰围：</span>
								<input type="text" name="" id="" value="" class="JUTI_input" />
								<span class="JUTI_cm">cm</span>
							</div>
							<div class="JUTI fl"><span class="JUTI_text">臀围：</span>
								<input type="text" name="" id="" value="" class="JUTI_input" />
								<span class="JUTI_cm">cm</span>
							</div>
							<div class="baocun">
								<a href="#" class="BaoCun">保存</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="weibu">
			<div class="center-4">
				<div class="daxiao fl">
					<div class="daxiao2 biao1"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao2"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao3"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao4"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao5"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao6"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao7"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao8"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao9"></div>
				</div>
				<div class="daxiao fl">
					<div class="daxiao2 biao10"></div>
				</div>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style ">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="dx fl">
					<dt class="f-style bold">服务保证</dt>
					<dd class="f-style">
						<a href="#">▪&nbsp;正品保证</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7天无理由放心退</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;退货返运费</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7×15小时客服服务</a>
					</dd>
					<dd class="f-style ">
						<a href="#">▪&nbsp;7天无理由随心换</a>
					</dd>
				</dl>
				<dl class="vph fl">
					<dt class="f-style bold">唯品会APP二维码</dt>
					<img src="img/1466134037230.jpg" class="vipewm " />
					<dt class="f-style bold indent">下载唯品会移动APP</dt>
				</dl>
				<p class="p_style fl bgcolor ">
					<a href="#">关于我们</a>|
					<a href="#">About us</a>|
					<a href="#">Investr Relations</a>|
					<a href="#">媒体报道</a>|
					<a href="#">品牌招商</a>|
					<a href="#">隐私条款</a>|
					<a href="#">唯品诚聘</a>|
					<a href="#">365爱心基金</a>|
					<a href="#">唯品卡</a>|
					<a href="#">联系我们</a>
				</p>
				<p class="p_style bgcolor2">Copyright © 2008-2017 vip.com，All Rights Reserved 使用本网站即表示接受
					<a href="#">唯品会用户协议</a>。版权所有
					<a href="#">广州唯品会信息科技有限公司</a><br />
					<a href="#">粤公网安备 44010302111111号</a>
					<a href="#">粤ICP备08114786号</a>
					<a href="#">ICP经营许可证：粤B2-20080329</a>
					<a href="#">网络文化经营许可证：粤网文〔2015〕1528-229</a><br />
					<a href="#">自营主体经营证照</a>
					<a href="#">风险监测信息</a>
					<a href="#">互联网药品交易服务资格证（粤C20140002）</a>
				</p>
			</div>
		</div>



			<script type="text/javascript">
				/**
			 * 点击左上天津导航触发显示事件
			 */
			var n = 1;

			function fun1() {

				n++;
				if(n % 2 == 0) {
					document.getElementById("ShengFen").parentNode.children[0].children[2].style.display = "block";
					document.getElementById("ShengFen").parentNode.children[0].style.backgroundColor = "white";
					document.getElementById("ShengFen").parentNode.children[0].style.border = "1px solid #ccc";
				} else {
					document.getElementById("ShengFen").parentNode.children[0].children[2].style.display = "none";
					document.getElementById("ShengFen").parentNode.children[0].style.backgroundColor = "transparent";
					document.getElementById("ShengFen").parentNode.children[0].style.border = "1px solid transparent";

				}
				console.log(n);
			}

			function shengfen() {
				var ShengFen = document.getElementById("shengfen_ul").getElementsByTagName("li");
				for(var i = 0; i < ShengFen.length; i++) {
					ShengFen[i].onclick = function() {
						//为了将所有省份的样式改为初始状态
						n++;
						for(var j = 0; j < ShengFen.length; j++) {
							ShengFen[j].style.backgroundColor = "white";
							ShengFen[j].children[0].style.color = "#000000";
						}
						//为了让点击的省份改变样式
						this.style.backgroundColor = "#F10180";
						this.children[0].style.color = "white";
						console.log(this.children[0].innerHTML);
						document.getElementById("BIAN").innerHTML = this.children[0].innerHTML;
					}
				}
			}
			shengfen();

				window.onload = function() {
					var ul = document.getElementById("j-pic-slider");
					var imgs = ul.getElementsByTagName("img");
					var zooimg = document.getElementById("zooimg");
					var zoobigimg = document.getElementById("zoobigimg");
					for(var i = 0; i < imgs.length; i++) {
						imgs[i].onclick = function() {
							var datapic = this.getAttribute("data-pic");
							var imgname1 = "img01/" + datapic + "_420x531.jpg";
							var imgname2 = "img01/" + datapic + "_1100x1390.jpg";
							zooimg.src = imgname1;
							zoobigimg.style.backgroundImage = "url(" + imgname2 + ")"
							console.log(zoobigimg)
							zooimg.setAttribute("data-pic", datapic)

						}
					}
					var daa = document.getElementById("jing");
					daa.onmousemove = function(event) {
						zoobigimg.style.display = "block";
						var x = event.offsetX;
						y = event.offsetY;
						var px = x / 420 * 100;
						py = y / 531 * 100;
						zoobigimg.style.backgroundPositionX = px + "%";
						zoobigimg.style.backgroundPositionY = py + "%";

					}
					daa.onmouseout = function() {
						zoobigimg.style.display = "none";
					}
				}
				
				document.getElementById("chulai").onmouseover = function() {
				var h = document.getElementById("duihu").offsetLeft;
				var id = setInterval(function() {
					h -= 10;
					if(h <= -270) {
						clearInterval(id);
					} else {
						document.getElementById("duihu").style.left = h + "px"
					}
				}, 10)

			}

			document.getElementById("guanbi").onclick = function() {
				var col = this;
				var h = col.parentNode.offsetLeft
				var id = setInterval(function() {
					h += 10
					if(h > 5) {
						clearInterval(id);
					} else {
						col.parentNode.style.left = h + "px"
					}
				}, 10)
			}
			</script>
	</body>

</html>